
{include file="users/header" /}



    <div class="box4s">
        <div class="box5">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"
                 viewBox="0 0 24 24" fill="none">
                <path d="M12 10C13.933 10 15.5 8.433 15.5 6.5C15.5 4.56701 13.933 3 12 3C10.067 3 8.5 4.56701 8.5 6.5C8.5 8.433 10.067 10 12 10Z"
                      stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal">
                </path>
                <path d="M3 20.4L3 21L21 21L21 20.4C21 18.1598 21 17.0397 20.5641 16.184C20.1806 15.4314 19.5686 14.8195 18.816 14.436C17.9603 14 16.8402 14 14.6 14L9.4 14C7.1598 14 6.0397 14 5.18405 14.436C4.43139 14.8195 3.81947 15.4314 3.43598 16.184C3 17.0397 3 18.1598 3 20.4Z"
                      stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal">
                </path>
            </svg>
            <div class="box5p">用户名称</div>
            <div class="box5ip">
                <input placeholder="用户名称" onblur="validateInput(this)"  id="myInput"  readonly value="{$user.nickname}" class="box5input">
                <svg style="cursor: pointer"  onclick="focusInput('myInput')"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24"
                     height="24" viewBox="0 0 24 24" fill="none">
                    <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                          style="mix-blend-mode:normal" d="M3.5 21L21.5 21">
                    </path>
                    <path d="M5.5 13.36L5.5 17L9.1586 17L19.5 6.65405L15.8476 3L5.5 13.36Z" stroke="rgba(51, 51, 51, 1)"
                          stroke-width="1" stroke-linejoin="round" style="mix-blend-mode:normal">
                    </path>
                </svg>
            </div>
        </div>
        <div class="box5">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"
                 viewBox="0 0 24 24" fill="none">
                <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal"
                      d="M18.4987 10.8556C18.4217 6.50395 14.8701 3 10.5 3C6.0817 3 2.5 6.5817 2.5 11C2.5 13.0851 3.29765 14.9838 4.60446 16.4077L4.00522 20.0128L7.5625 18.4849C9.12985 19.0061 10.609 19.1364 12 18.8758">
                </path>
                <path d="M7.5625 10.2334C8.1838 10.2334 8.6875 9.72598 8.6875 9.10003C8.6875 8.47412 8.1838 7.96667 7.5625 7.96667C6.9412 7.96667 6.4375 8.47412 6.4375 9.10003C6.4375 9.72598 6.9412 10.2334 7.5625 10.2334Z"
                      style="mix-blend-mode:normal" fill="#333333">
                </path>
                <path d="M12.0625 10.2334C12.6838 10.2334 13.1875 9.72598 13.1875 9.10003C13.1875 8.47412 12.6838 7.96667 12.0625 7.96667C11.4412 7.96667 10.9375 8.47412 10.9375 9.10003C10.9375 9.72598 11.4412 10.2334 12.0625 10.2334Z"
                      style="mix-blend-mode:normal" fill="#333333">
                </path>
                <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal"
                      d="M19.3809 19.9646C18.5068 20.6151 17.4233 21 16.25 21C13.3505 21 11 18.6495 11 15.75C11 12.8505 13.3505 10.5 16.25 10.5C19.1495 10.5 21.5 12.8505 21.5 15.75C21.5 16.5499 21.3211 17.308 21.0012 17.9864">
                </path>
                <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal" d="M21.0031 17.9864L21.5019 21L19.3828 19.9646">
                </path>
                <path d="M17.8438 15.4C17.3778 15.4 17 15.0194 17 14.55C17 14.0805 17.3778 13.7 17.8438 13.7C18.3097 13.7 18.6875 14.0805 18.6875 14.55C18.6875 15.0194 18.3097 15.4 17.8438 15.4Z"
                      style="mix-blend-mode:normal" fill="#333333">
                </path>
                <path d="M14.4688 15.4C14.0028 15.4 13.625 15.0194 13.625 14.55C13.625 14.0805 14.0028 13.7 14.4688 13.7C14.9347 13.7 15.3125 14.0805 15.3125 14.55C15.3125 15.0194 14.9347 15.4 14.4688 15.4Z"
                      style="mix-blend-mode:normal" fill="#333333">
                </path>
            </svg>

            <div class="box5p">微信账号</div>
            <div class="box5ip">
                <input placeholder="微信账号" onblur="validateInput(this)" id="myInwx"  value="{$user.wx}" class="box5input">
                <svg style="cursor: pointer"  onclick="focusInput('myInwx')"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24"
                     height="24" viewBox="0 0 24 24" fill="none">
                    <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                          style="mix-blend-mode:normal" d="M3.5 21L21.5 21">
                    </path>
                    <path d="M5.5 13.36L5.5 17L9.1586 17L19.5 6.65405L15.8476 3L5.5 13.36Z" stroke="rgba(51, 51, 51, 1)"
                          stroke-width="1" stroke-linejoin="round" style="mix-blend-mode:normal">
                    </path>
                </svg>
            </div>
        </div>
        <div class="box5">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24"
                 viewBox="0 0 24 24" fill="none">
                <path d="M7 2L17 2C17.8284 2 18.5 2.67157 18.5 3.5L18.5 20.5C18.5 21.3284 17.8284 22 17 22L7 22C6.17157 22 5.5 21.3284 5.5 20.5L5.5 3.5C5.5 2.67157 6.17157 2 7 2Z"
                      stroke="rgba(51, 51, 51, 1)" stroke-width="1" style="mix-blend-mode:normal">
                </path>
                <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal" d="M11 5L13 5">
                </path>
                <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                      style="mix-blend-mode:normal" d="M10 19L14 19">
                </path>
            </svg>


            <div class="box5p">手机号码</div>
            <div class="box5ip">
                <input placeholder="手机号码" onblur="validateInput(this)" id="myInphone"  value="{$user.mobile}"  class="box5input">
                <svg style="cursor: pointer"  onclick="focusInput('myInphone')"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24"
                     height="24" viewBox="0 0 24 24" fill="none">
                    <path stroke="rgba(51, 51, 51, 1)" stroke-width="1" stroke-linejoin="round" stroke-linecap="round"
                          style="mix-blend-mode:normal" d="M3.5 21L21.5 21">
                    </path>
                    <path d="M5.5 13.36L5.5 17L9.1586 17L19.5 6.65405L15.8476 3L5.5 13.36Z" stroke="rgba(51, 51, 51, 1)"
                          stroke-width="1" stroke-linejoin="round" style="mix-blend-mode:normal">
                    </path>
                </svg>
            </div>
        </div>
    </div>


</div>
<script>
    function focusInput(name) {
        const input = document.getElementById(name);
        input.readOnly = false; // 启用输入
        input.focus();
        const length = input.value.length;
        input.setSelectionRange(length, length)
    }
    function validateInput(input) {
        input.readOnly = true; // 启用输入
    }
</script>